<template>
  <el-card style="margin: 20px">
    <div>
      <el-collapse v-model="activeNames" @change="handleChange">
        <el-collapse-item title="基础信息" name="1">
          <div>
            <el-descriptions>
              <el-descriptions-item label="货主编号">kooriookami</el-descriptions-item>
              <el-descriptions-item label="货主名称">18100000000</el-descriptions-item>
              <el-descriptions-item label="联系人">苏州市</el-descriptions-item>
              <el-descriptions-item label="联系人电话">15666565655</el-descriptions-item>
              <el-descriptions-item label="联系人邮箱">江苏省苏州市吴中区吴中大道 1188 号</el-descriptions-item>
              <el-descriptions-item label="省/市/区">18100000000</el-descriptions-item>
              <el-descriptions-item label="详细地址">18100000000</el-descriptions-item>
              <el-descriptions-item label="备注">18100000000</el-descriptions-item>
            </el-descriptions>
          </div>
        </el-collapse-item>

      </el-collapse>

      <el-collapse v-model="activeNames" @change="handleChange">
        <el-collapse-item title="库位信息" name="1" />
      </el-collapse>
    </div>
  </el-card>

</template>

<script>
export default {
  data() {
    return {
      activeNames: ['1'],
      // 每当页面进来获取用户id
      userId: this.$route.params.id,
      tableData: [{}]
    }
  },
  methods: {
    handleChange(val) {
      console.log(val)
    }
  }
}
</script>

<style>

</style>
